<ion-content class="has-header has-footer"  id="content" ng-click="rolloutmywallet" style="background: #F2F2F2;bottom: 0">
    <div class="rolloutbox">
       <div class="money">
            <p>转出金额</p>
           <div class="num">
               <span>￥</span><input type="number" placeholder="请输入转出金额" ng-model="data.rolloutMoney">
           </div>
           <p>可转出金额：<span class="yellow">￥{{shopdata.actual_bounty}}</span></p>
       </div>
       <div class="explain">
           <div style="overflow: hidden">
               <p class="say" ng-click="jump('recordwp')">查看转出记录 ></p>
           </div>
           <div class="instru">
               <p>奖励转出说明：</p>
               <p>奖励转出无手续费</p>
               <p>转出金额可前往我的-我的钱包查看</p>
           </div>
       </div>
       <div class="btn">
           <button ng-click="send_out()">提交</button>
       </div>
    </div>
</ion-content>
<style>
    .rolloutbox{
        margin: 10px 18px 0 21px;
    }
    .rolloutbox .money{
        background-color: #fff;
        padding:12px 0 14px 10px;
        border-radius: 8px;
    }
    .rolloutbox .money p{
        font-size:14px;
        font-family:PingFangSC-Regular;
        font-weight:400;
        color:rgba(102,102,102,1);
        line-height:20px;
    }

    .rolloutbox .num{
        height: 67px;
        border-bottom: 1px solid #E5E5E5;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .rolloutbox .num span{
        font-size:24px;
        font-weight:600;
        color:rgba(51,51,51,1);
        line-height:33px;
        margin-right: 21px;
    }
    .rolloutbox .num input{
        font-size:14px;
        font-family:PingFangSC-Regular;
        font-weight:400;
        color:rgba(153,153,153,1);
        line-height:20px;
    }
    .rolloutbox .yellow{
        font-size:14px;
        font-family:PingFangSC-Regular;
        font-weight:400;
        color:rgba(255,176,41,1);
        line-height:20px;
    }
    .rolloutbox p:last-child{
        margin: 14px 0 14px 10px;
        font-size:12px;
        font-family:PingFangSC-Regular;
        font-weight:400;
        color:rgba(51,51,51,1);
        line-height:17px;
        margin-bottom: 0;
    }
    .rolloutbox .explain{
        padding: 0;
    }
    .rolloutbox .explain .say{
        font-size:14px;
        font-family:PingFangSC-Medium;
        font-weight:500;
        color:rgba(57,147,241,1);
        line-height:20px;
        float: right;
        margin: 0;
        padding: 0;
        padding-top: 12px;
    }
    .rolloutbox  .instru{
        margin-top: 11px;

    }
    .rolloutbox  .instru p{
        font-size:12px;
        font-family:PingFangSC-Regular;
        font-weight:400;
        color:rgba(102,102,102,1);
        line-height:17px;
        margin: 0;
        padding: 0;
    }
    .rolloutbox  .instru p:first-child{
        font-size:14px;
        font-family:PingFangSC-Medium;
        font-weight:500;
        color:rgba(102,102,102,1);
        line-height:20px;
        margin-bottom: 10px;
    }
    .rolloutbox .btn{
        margin-top: 101px;
    }
    .rolloutbox .btn button{
        width: 100%;
        border: 0;
        color: #fff;
        padding-top: 11px;
        padding-bottom: 13px;
        background:rgba(15,204,158,1);
        border-radius:8px;
    }
</style>